body {
  margin: 0;
  padding: 0;
}
.test-global {
  @include flex;
}

// 生成基础的字体大小 margin padding
@for $i from 1 through 20 {
  @if ($i >= 10) {
    .fs#{$i}{
      font-size: $i * 1px
    }
  }
   .mr#{$i}{
      margin-right: ($i * 1px);
  }
  .ml#{$i}{
      margin-left: ($i * 1px);
  }
  .mb#{$i}{
      margin-bottom: ($i * 1px)
  }
  .mt#{$i}{
      margin-top: ($i * 1px);
  }
  .pt#{$i}{
      padding-top: ($i * 1px);
  }
  .pl#{$i}{
      padding-left: ($i * 1px);
  }
  .pr#{$i}{
      padding-right: ($i * 1px);
  }
  .pb#{$i}{
      padding-bottom: ($i * 1px);
  }
 }
